.bg {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: url("../../assets/mohu.jpg") fixed center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.bg .wp-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50vw;
  margin-top: -50vh;
  z-index: 9;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.bg .wp-content {
  position: absolute;
  left: 23.5vw;
  bottom: 21.8vh;
  width: 52.6vw;
  height: 58vh;
  -webkit-background-size: 52.6vw 58vh;
  background-size: 53.2vw 58.5vh;
}
.bg .wp-content .wp-left {
  float: left;
  width: 26.3vw;
  height: 58vh;
  border-radius: 24px 0 0 24px;
  background: rgba(4, 11, 18, 0.2);
}
.bg .wp-content .wp-left .wp-left-Welcome {
  margin: -16vh auto -5vh auto;
  width: 90%;
  height: 122%;
  background: url("../../assets/zu-11.png") no-repeat center center;
  -webkit-background-size: 100% 40%;
  background-size: 100% 40%;
}
.bg .wp-content .wp-left .copyright {
  color: #D0D0D0;
  font-size: 0.77vw;
  text-align: center;
  margin-bottom: 1vh;
}
.bg .wp-content .wp-right {
  float: left;
  width: 26.3vw;
  height: 58vh;
  padding-top: 7vh;
  color: #FFF;
  border-radius: 0 24px 24px 0;
  background: rgba(4, 11, 18, 0.5);
}
.bg .wp-content .wp-right .wp-login-input {
  width: 78%;
  margin-top: 3.2vh;
  margin-left: 2.8vw;
  line-height: 4.8vh;
  border-bottom: 2px solid rgba(180, 180, 180, 0.5);
  color: #FFF;
}
.bg .wp-content .wp-right .wp-login-input .wp-login-user {
  border: none;
  color: #FFF;
  background: none;
  font-size: 15px;
}
.bg .wp-content .wp-right .wp-login-input .wp-login-user:focus {
  box-shadow: none;
}
.bg .wp-content .wp-right .wp-login-foter {
  margin-top: 3.2vh;
  margin-left: 2.5vw;
  line-height: 4.8vh;
  color: #FFF;
  font-size: 15px;
}
.bg .wp-content .wp-right .wp-login-foter .wp-login-code {
  border-bottom: 2px solid rgba(180, 180, 180, 0.5);
}
.bg .wp-content .wp-right .wp-login-foter .wp-login-yanzheng {
  border: none;
  color: #FFF;
  background: none;
}
.bg .wp-content .wp-right .wp-login-foter .wp-login-yanzheng:focus {
  box-shadow: none;
}
.bg .wp-content .wp-right .wp-login-btn {
  font-family: "微软雅黑";
  margin: 3vh auto 0 auto;
  width: 78%;
  height: 5.4vh;
  text-align: center;
  line-height: 5.4vh;
  background: #25c8fe;
  cursor: pointer;
  border-radius: 10px;
  color: #fff;
  font-size: 1.2vw;
  letter-spacing: 15px;
}
.bg .wp-content .wp-right .login-title {
  width: 50%;
  height: 8%;
  text-align: center;
  margin-left: 25%;
  font-size: 22px;
  font-family: '微软雅黑';
  color: #25c8fe;
}
.zz {
  background: url("../../assets/dlypt.png") no-repeat center center;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.player {
  z-index: 999;
  color: #fff;
  width: 35vh;
  height: 3vh;
  position: absolute;
  right: -34%;
  top: -27%;
  display: inline-block;
}
.player .player_span {
  margin-left: 10px;
  color: #0C1421;
  cursor: pointer;
}
.player .player_span a {
  color: #0C1421;
}
.player .player_span a:hover {
  color: #05B2F6;
}
.lo {
  position: absolute;
}
.go_back {
  position: absolute;
  top: 0%;
  right: 2%;
  color: steelblue;
  cursor: pointer;
}
